<?php

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
?>
<style>
    .messageLog{
        height: 360px;
        margin-bottom: 20px;
/*        background-color: #FDFDFC;*/
        margin-left: 10px;
        background: none repeat scroll 0 0 #FDFDFD;
        border: 1px solid #DDD;
    }
    .well{
        margin-left: 10px;
        padding: 7px 15px;
    }
    .name{
        font-size: 10px;
        font-weight:bold;
    }
    form{
        margin:0px;
    }
    ul{
        margin: 0px;
    }
</style>

<div class="span12">
    
     <div class="span8"></div>
    <div class="span4">

            <div class="widget-box widget-chat">
                    <div class="widget-title">
                            <span class="icon">
                                    <i class="icon-comment"></i>
                            </span>
                            <h5>Chat</h5>
                            <div id="user" style="display: none;">
                                <?php echo AuthComponent::user('username');?>
                            </div>
                            <div id="gravatar" style="display: none;"><?php echo AuthComponent::user('gravatar');?></div>
                            <div id="idProject" style="display: none;"><?php echo $idProject;?></div>
                    </div>
                    <div class="widget-content nopadding">
<!--                            <div class="chat-content panel-left">                   -->
                                <div class="chat-messages" id="chat-messages">
                                    <div id="chat-messages-inner">
                                        <ul>
                                            
                                        </ul>
                                        
<!--                                        <p id="msg-2" class="user-you" style="display: block;">
                                            <img src="img/demo/av1.jpg" alt="">
                                            <span class="msg-block">
                                                <strong>You</strong> 
                                                <span class="time">- 21:24</span>
                                                <span class="msg">hola</span>

                                            </span>
                                        </p>-->

                                    </div>	
<!--                                    <div  class="messageLog">
                                        <ul>
                                            This will be populated dynamically. 
                                        </ul>
                                    </div>
                                                   -->
                                </div>
                                <form class="chat-message well" id="chatForm">
                                            <button class="btn btn-success">Send</button>  
                                            <span class="input-box">
                                                    <input type="text" name="message" id="chatMsg">
                                            </span>										                  
                                </form>                   
<!--                            </div>-->
<!--                            <div class="chat-users panel-right">
                                    <div class="panel-title"><h5>Online Users</h5></div>
                                    <div class="panel-content nopadding">
                                            <ul class="contact-list">
                                                    <li id="user-michelle" class="online new"><a href="#"><img alt="" src="img/demo/av1.jpg"> <span>Michelle</span></a><span class="msg-count badge badge-info">3</span></li>

                                                    <li id="user-cartoon-man" class="online"><a href="#"><img alt="" src="img/demo/av3.jpg"> <span>Cartoon Man</span></a></li>
                                                    <li id="user-rick-newton" class="online"><a href="#"><img alt="" src="img/demo/av1.jpg"> <span>Rick Newton</span></a></li>
                                                    <li id="user-zack-renson" class="online new"><a href="#"><img alt="" src="img/demo/av2.jpg"> <span>Zack Renson</span></a><span class="msg-count badge badge-info">1</span></li>
                                                    <li id="user-vladimir-ivanov"><a href="#"><img alt="" src="img/demo/av3.jpg"> <span>Wladimir Ivanov</span></a></li>
                                                    <li id="user-master-moda"><a href="#"><img alt="" src="img/demo/av1.jpg"> <span>Master Moda</span></a></li>
                                            </ul>
                                    </div>
                            </div>-->
                    </div>
            </div>
    </div>
                
     
</div>
 
<!-- This is simple CHAT - what can I say, it's realtime. -->
 
<!--<div class="messageLog">
<ul>
 This will be populated dynamically. 
</ul>
</div>
 
<form>
 
<input type="text" name="message"  />
 
<button type="submit" >Send</button>
 
</form>-->
 
 

<!-- --------------------------------------------------- -->
<!-- --------------------------------------------------- -->
<!-- --------------------------------------------------- -->
<!-- --------------------------------------------------- -->
 
 
<!-- PubNub configuration details. -->
<div
id="pubnub"
pub-key="pub-7b6592f6-4ddb-4af6-b1b3-0e74cefe818d"
sub-key="sub-f4baaac5-87e0-11e0-b5b4-1fcb5dd0ecb4"
origin="pubsub.pubnub.com"
ssl="off">
</div>
 
